<template>
  <div class="center">
    <div class="banner"></div>
    <div class="python_user">
      <h2><span>人工智能</span>的时代已经到来</h2>
      <p>
        2017年7月20日,国务院发布《新一代人工智能发展规划》,正式开启国内人工智能的新篇章<br />
        传统教育改革,开启“ 全民学Python ”时代
      </p>
      <div>
        <img src="./img/wu1.jpg" alt="" />
      </div>
    </div>
    <div class="python_student"></div>
    <div class="python_samter">
      <div class="python_samter_title">
        <h2>Python+人工智能<span>是什么</span></h2>
        <p>
          Python作为当下最热门的编程语言,在2018年世界脚本语言排行榜中位列榜首
        </p>
      </div>
      <div class="python_samter_center">
        <div class="python_samter_cent">
          <i><img src="./img/python.png" alt="" /></i>
          <h2>python</h2>
          <p class="samter_one">
            &nbsp;&nbsp;&nbsp;&nbsp;Python是一种面向对象的解释性计算机程序设计语言,具有丰富强大的库。它常被昵称为
            胶水语言,能够把用其他语言制作的各种模块 (尤其是c/c++)
            很轻松地联结在一起。
          </p>
          <p class="samter_two">
            &nbsp;&nbsp;&nbsp;&nbsp;Python作为当下最热门的编程语言，
            在2018年世界脚本语言排行榜中位列榜首已经成为多个领域的首选语言。
          </p>
          <p class="samter_three">
            &nbsp;&nbsp;&nbsp;&nbsp;Python在各种流行编程语言中一直排名靠前。他几乎可以适用任何开发。它旨在提高程序员的
            开发效率而不在于他们编的代码。Python适用于网站·
            桌面应用开发，自动化脚本，复杂的
            计算机系统，科学计算，生命支持管理系统，物联网，游戏，机器人自然语言处理等很多方面。
            而且，即使对于那些没有开发经验的人来讲，Python的代码也是简介易懂的。由于Python程序代码
            ，所以和与其他程序语言相比，后期的程序维护更容易，更舒心。从商业角度来看，需要的成本降低
            ，程序员的效率提高。
          </p>
        </div>
      </div>
    </div>
    <div class="python_what">
      <div class="python_what_title">
        <h2>学习<span>Pythone语言</span>的优势</h2>
        <p>前景美好,待遇丰厚,明智选择</p>
      </div>
      <div class="python_what_center">
        <ul>
          <li class="li">
            <img src="./img/图层559.jpg" alt="" />
            <div class="python_what_center_bottom">
              <div class="title">人才缺口大</div>
              <div class="p">
                python语言火爆全球,人才缺口高达40万，部分领域如人工智能、大数据开发人才稀缺.
              </div>
              <div class="btn">
                <span class="span">了解详情</span>
              </div>
            </div>
          </li>
          <li class="li">
            <img src="./img/图层560.jpg" alt="" />
            <div class="python_what_center_bottom">
              <div class="title">简单易学</div>
              <div class="p">
                Python是一门适合零基础人员学习的语言,语法简单,上手容易 /
                功能强大
              </div>
              <div class="btn">
                <span class="span">了解详情</span>
              </div>
            </div>
          </li>
          <li class="li">
            <img src="./img/图层561.jpg" alt="" />
            <div class="python_what_center_bottom">
              <div class="title">就业领域广</div>
              <div class="p">
                学习Python后,可以在一下领域就业:例如服务器后台开发,聊天机器人开发,爬虫工程师,运维工程师
              </div>
              <div class="btn">
                <span class="span">了解详情</span>
              </div>
            </div>
          </li>
        </ul>
      </div>
    </div>
    <div class="python_demand">
      <div class="python_demand_title">
        <h2>一门语言搞定<span>多种IT需求</span></h2>
        <p>Python横跨众多领域,更多的岗位任你选择发展</p>
      </div>
      <div class="python_demand_center">
        <div class="python_demand_center_wen">
          <div class="python_demand_center_wen2">
            <div class="python_demand_center_wen2_left">
              <div class="python_demand_center_wen2_left_top">
                <img src="./img/虫.png" alt="" />
                <h2>爬虫开发工程师</h2>
                <span>平均薪资：￥14670</span>
              </div>
              <div class="python_demand_center_wen2_left_bottom">
                <img src="./img/Web.png" alt="" />
                <h2>全站互联网开发工程师</h2>
                <span>平均薪资：￥16800</span>
              </div>
            </div>
            <div class="python_demand_center_wen2_cent">
              <img src="./img/aa.png" alt="" />
              <h2>人工智能工程师</h2>
              <span>平均薪资：￥20000</span>
            </div>
            <div class="python_demand_center_wen2_right">
              <div class="python_demand_center_wen2_right_top">
                <img src="./img/python2.png" alt="" />
                <h2>大数据分析工程师</h2>
                <span>平均薪资：￥12800</span>
              </div>
              <div class="python_demand_center_wen2_right_bottom">
                <img src="./img/python1.png" alt="" />
                <h2>Python开发工程师</h2>
                <span>平均薪资：￥15000</span>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="python_demand2">
      <div class="python_demand2_title">
        <h2><span>大话教育</span>培训的<span>教学优势</span></h2>
        <p>选择大华明智是你一生最正确的选择</p>
      </div>
      <div class="python_demand2_center">
        <div class="python_demand2_center_one">
          <div class="python_demand2_center_one_title">
            <img src="./img/b3.png" alt="" />
          </div>
          <h2>三师指导一学员</h2>
          <div class="python_demand2_center_one_cent">
            <div>
              <img src="./img/c1.png" alt="" />
              "实战讲师授课"
            </div>
            <div>
              <img src="./img/c1.png" alt="" />
              "班主任学习进度跟进"
            </div>
            <div>
              <img src="./img/c1.png" alt="" />
              "助教24小时贴身答疑"
            </div>
          </div>
        </div>
        <div class="python_demand2_center_one">
          <div class="python_demand2_center_one_title">
            <img src="./img/b1.png" alt="" />
          </div>
          <h2>一日一周一月</h2>
          <div class="python_demand2_center_one_cent">
            <div>
              <img src="./img/c1.png" alt="" />
              "每日知识点总结"
            </div>
            <div>
              <img src="./img/c1.png" alt="" />
              "每周知识巩固"
            </div>
            <div>
              <img src="./img/c1.png" alt="" />
              "每月一次月度考核"
            </div>
          </div>
        </div>
        <div class="python_demand2_center_one">
          <div class="python_demand2_center_one_title">
            <img src="./img/b1.png" alt="" />
          </div>
          <h2>末位辅导1对1</h2>
          <div class="python_demand2_center_one_cent">
            <div>
              <img src="./img/c1.png" alt="" />
              "每天一轮模拟面试指导"
            </div>
            <div>
              <img src="./img/c1.png" alt="" />
              "做好也得会表达"
            </div>
            <div>
              <img src="./img/c1.png" alt="" />
              "大华推荐就业"
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="python_bottem">
      <div class="python_bottem_title">
        <h2>大华教育<span>六大课程优势</span></h2>
        <p>选择大华明智是你一声最明智的选择</p>
      </div>
      <div class="python_bottem_cent">
        <div class="python_bottem_cent_one">
          <div class="python_bottem_cent_one_left">
            <div class="left_top">
              <div>第四阶段</div>
              <p>数据分析入门</p>
              <p>数据分析高级</p>
            </div>
            <div class="left_cent">
              <div>第五阶段</div>
              <p>数据挖掘</p>
              <p>人工智能</p>
            </div>
            <div class="left_bottom">
              <div>第六阶段</div>
              <p>高级进阶</p>
            </div>
          </div>
          <div class="python_bottem_cent_one_cent">
            <div class="python_bottem_cent_one_cent_img">
              <img src="./img/中间python.png" alt="" />
            </div>
            <div class="Connectingline_one line"></div>
            <div class="Connectingline_two line"></div>
            <div class="Connectingline_three line"></div>
            <div class="Connectingline_foree line"></div>
            <div class="Connectingline_five line"></div>
            <div class="Connectingline_six line"></div>
          </div>
          <div class="python_bottem_cent_one_rigth">
            <div class="rigth_top">
              <div>第一阶段</div>
              <p>Python基础</p>
              <p>Linux数据库</p>
            </div>
            <div class="rigth_center">
              <div>第二阶段</div>
              <p>前端开发</p>
              <p>web全栈</p>
            </div>
            <div class="rigth_bottom">
              <div>第三阶段</div>
              <p>网络爬虫数据库</p>
            </div>
          </div>
        </div>
      </div>
    </div>
    <Footer></Footer>
  </div>
</template>
<script>
import Footer from '@/components/footer/Footer.vue'
export default {
  components:{
    Footer
  }
};
</script>
<style lang="scss" scoped>
.center {
  .banner {
    width: 100%;
    height: 650px;
    background: url(https://itdahua.com/img/dahua_python_banner_1.f5c5cb06.jpg)
      50% no-repeat;
  }
  .python_user {
    width: 1200px;
    margin: 0 auto;
    color: black;
    h2 {
      height: 40px;
      font-size: 40px;
      padding: 75px 0 25px;
      text-align: center;
      span {
        color: #2893f5;
      }
    }
    p {
      text-align: center;
      color: #888;
      font-size: 22px;
      line-height: 40px;
      margin-bottom: 40px;
    }
  }
  .python_student {
    width: 100%;
    height: 870px;
    margin-top: 20px;
    background: url(./img/组12.png) 50% no-repeat;
  }
  .python_samter {
    .python_samter_title {
      height: 221px;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap;
      align-content: center;
      h2 {
        font-size: 40px;
        width: 100%;
        height: 44px;
        text-align: center;
        span {
          color: #2893f5;
        }
      }
      p {
        width: 900px;
        height: 29px;
        font-size: 26px;
        color: #999;
        margin-top: 20px;
      }
    }
    .python_samter_center {
      height: 1131px;
      background: url(./img/组19.png) 0 0 no-repeat;
      .python_samter_cent {
        width: 1200px;
        height: 1131px;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        i {
          padding: 120px 0 0 0;
          margin-top: 30px;
        }
        h2 {
          font-size: 48px;
          width: 166px;
          height: 52px;
          color: white;
          padding: 20px;
          margin-top: 17px;
          font-size: 48px;
          font-weight: 700;
        }

        p {
          font-size: 26px;
          color: white;
          width: 1050px;
          line-height: 40px;
          text-align: left;
        }
        .samter_one {
          margin-top: 100px;
        }
      }
    }
  }
  .python_what {
    .python_what_title {
      width: 100%;
      h2 {
        padding: 75px 0 0;
        font-size: 40px;
        font-weight: 600;
        text-align: center;
        span {
          color: #2893f5;
        }
      }
      p {
        font-size: 22px;
        text-align: center;
        padding: 20px 0;
      }
    }
    .python_what_center {
      ul {
        width: 1200px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
      }
      li {
        position: relative;
        width: 390px;
        height: 760px;
        border-width: 2px;
        border-color: #fff;
        border-style: solid;
        color: #fff;
        img {
          width: 100%;
          display: block;
        }
        .python_what_center_bottom {
          cursor: pointer;
          position: absolute;
          left: 0;
          right: 0;
          bottom: 0;
          height: 384px;
          background: #178aff;
          transition: all 0.5s linear;
          .title {
            padding: 60px 0 20px;
            text-align: center;
            font-size: 34px;
            font-weight: 700;
          }
          .p {
            width: 344px;
            margin: 0 auto;
            color: #fff;
            text-indent: 2em;
            line-height: 40px;
            font-size: 20px;
          }
          .btn {
            margin-top: 50px;
            display: flex;
            justify-content: center;
            span {
              width: 144px;
              text-align: center;
              font-size: 18px;
              height: 40px;
              border-radius: 40px;
              line-height: 40px;
              border: 1px solid #fff;
              transition: all 0.5s linear;
            }
            .span:hover {
              background-color: white;
              color: #178aff;
            }
          }
        }
      }
      .li:hover {
        border: 1px solid #00c6ff;
      }
      .li:hover .python_what_center_bottom {
        height: 440px;
        background: #00c6ff;
      }
    }
  }
  .python_demand_title {
    height: 211px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    h2 {
      font-size: 40px;
      span {
        color: #2893f5;
      }
    }
    p {
      font-size: 22px;
      padding-top: 20px;
      color: #999;
    }
  }
  .python_demand_center {
    width: 100%;
    height: 800px;
    background: url(./img/背景.png) 0 0 no-repeat;
    .python_demand_center_wen {
      width: 1200px;
      margin: 0 auto;
      height: 800px;
      display: flex;
      justify-content: space-around;
      align-items: center;
      .python_demand_center_wen2 {
        width: 100%;
        height: 421px;
        display: flex;
        justify-content: space-around;
        align-items: center;
        .python_demand_center_wen2_left {
          flex: 3;
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          align-items: center;
          height: 421px;
          .python_demand_center_wen2_left_top {
            width: 100%;
            height: 200px;
            background: #7f46dc;
            border-radius: 12px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            color: #fff;
            h2 {
              margin: 15px 0;
              font-size: 20px;
              font-weight: 700;
            }
          }
          .python_demand_center_wen2_left_bottom {
            background: #4bbf9e;
            width: 100%;
            height: 200px;
            border-radius: 12px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            color: #fff;
            h2 {
              margin: 15px 0;
              font-size: 20px;
              font-weight: 700;
            }
          }
        }
        .python_demand_center_wen2_cent {
          flex: 3;
          height: 421px;
          background: #2893f5;
          border-radius: 12px;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          color: #fff;
          margin: 0 20px;
          h2 {
            margin: 15px 0;
            font-size: 20px;
            font-weight: 700;
          }
        }
        .python_demand_center_wen2_right {
          flex: 3;
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          align-items: center;
          height: 421px;
          .python_demand_center_wen2_right_top {
            width: 100%;
            height: 200px;
            background: #ff40f4;
            border-radius: 12px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            color: #fff;
            h2 {
              margin: 15px 0;
              font-size: 20px;
              font-weight: 700;
            }
          }
          .python_demand_center_wen2_right_bottom {
            background: #06cdcd;
            width: 100%;
            height: 200px;
            border-radius: 12px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            color: #fff;
            h2 {
              margin: 15px 0;
              font-size: 20px;
              font-weight: 700;
            }
          }
        }
      }
    }
  }
  .python_demand2 {
    .python_demand2_title {
      height: 211px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      h2 {
        font-size: 40px;
        font-weight: 700;
        text-align: center;
        span {
          color: #2893f5;
        }
      }
      p {
        text-align: center;
        color: #999;
        font-size: 20px;
        padding-top: 20px;
      }
    }
    .python_demand2_center {
      width: 1200px;
      height: 420px;
      margin: 0 auto;
      display: flex;
      justify-content: space-between;
      align-items: center;
      .python_demand2_center_one {
        width: 291px;
        height: 334px;
        border: 4px solid #2ea7d9;
        position: relative;
        .python_demand2_center_one_title {
          width: 168px;
          height: 168px;
          border: 4px solid #2ea7d9;
          border-radius: 50%;
          margin-left: -84px;
          background: #fff;
          position: absolute;
          top: -84px;
          left: 50%;
          display: flex;
          justify-content: center;
          align-items: center;
        }
        h2 {
          font-size: 30px;
          font-weight: 700;
          color: #2ea7d9;
          margin-top: 120px;
          text-align: center;
        }
        .python_demand2_center_one_cent {
          margin-top: 10px;
          display: flex;
          justify-content: center;
          align-items: center;
          flex-direction: column;
          width: 100%;
          div {
            width: 195px;
            margin: 10px 0;
            display: flex;
            text-align: left;
            justify-content: flex-start;
            align-items: center;
          }
        }
      }
    }
  }
  .python_bottem {
    .python_bottem_title {
      h2 {
        padding: 75px 0 0;
        text-align: center;
        font-size: 40px;
        font-weight: 600;
        span {
          color: #2893f5;
        }
      }
      p {
        padding: 20px 0;
        text-align: center;
        color: #888;
        font-size: 22px;
      }
    }
    .python_bottem_cent {
      width: 100%;
      height: 750px;
      background: url(./img/背景图层.png) 50% no-repeat;
      .python_bottem_cent_one {
        width: 1200px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        height: 100%;
        color: white;
        .python_bottem_cent_one_left {
          margin-left: 50px;
          display: flex;
          flex-direction: column;
          justify-content: center;
          .left_top {
            position: relative;
            div {
              line-height: 50px;
              border-bottom: 2px solid #3af6ff;
              font-size: 30px;
              font-weight: 700;
            }
            p {
              text-align: left;
              padding: 5px 0;
            }
          }
          .left_cent {
            margin: 90px 0;
            position: relative;
            div {
              line-height: 50px;
              border-bottom: 2px solid #3af6ff;
              font-size: 30px;
              font-weight: 700;
            }
            p {
              padding: 5px 0;
              color: #fff;
              font-size: 24px;
              text-align: left;
            }
          }
          .left_bottom {
            div {
              line-height: 50px;
              border-bottom: 2px solid #3af6ff;
              font-size: 30px;
              font-weight: 700;
            }
            p {
              padding: 5px 0;
              color: #fff;
              font-size: 24px;
              text-align: left;
            }
          }
        }
        .python_bottem_cent_one_cent {
          height: 100%;
          width: 395px;
          position: relative;
          margin: 0 auto;
          display: flex;
          justify-content: space-between;
          .python_bottem_cent_one_cent_img {
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
          }
        }
        .python_bottem_cent_one_rigth {
          text-align: right;
          margin-right: 50px;
          display: flex;
          flex-direction: column;
          justify-content: center;
          .rigth_top {
            text-align: right;
            div {
              font-size: 30px;
              font-weight: 700;
              line-height: 50px;
              border-bottom: 2px solid #3af6ff;
            }
            p {
              padding: 5px 0;
            }
          }
          .rigth_center {
            margin: 90px 0;
            div {
              font-size: 30px;
              font-weight: 700;
              line-height: 50px;
              border-bottom: 2px solid #3af6ff;
            }
            p {
              padding: 5px 0;
            }
          }
          .rigth_bottom {
            div {
              font-size: 30px;
              font-weight: 700;
              line-height: 50px;
              border-bottom: 2px solid #3af6ff;
            }
            p {
              padding: 5px 0;
            }
          }
        }
        .line {
          width: 2px;
          height: 200px;
          position: absolute;
          background: #3af6ff;
        }
        .Connectingline_one {
          transform: rotate(-60deg);
          top: 115px;
          left: -147px;
        }
        .Connectingline_two{
          height: 164px;
          transform: rotate(-90deg);
          top: 286px;
          left: -152px;
        }
        .Connectingline_three{
          height: 200px;
          transform: rotate(-110deg);
          top: 459px;
          left: -139px;
        }
        .Connectingline_foree{
          height: 200px;
          transform: rotate(60deg);
          top: 131px;
          left: 540px;
        }
        .Connectingline_five{
          height: 164px;
          transform: rotate(90deg);
          top: 302px;
          left: 540px;
        }
        .Connectingline_six{
          height: 200px;
          transform: rotate(-60deg);
          top: 438px;
          left: 540px;
        }
      }
    }
  }
}
</style>